﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="login.aspx.cs" Inherits="SalePriceSystem.Page.login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta content="text/html; charset=utf-8;" http-equiv="Content-Type">
    <title>Login</title>
    <link href="favicon.ico" rel="SHORTCUT ICON">
    <style type="text/css">
        *
        {
            font-family: Tahoma;
            font-size: 8pt;
            font-weight: normal;
            margin: 0;
            padding: 0;
            text-align: left;
        }
        label
        {
            display: inline-block;
            margin: 0 5px 0 5px;
            vertical-align: baseline;
        }
        input
        {
            padding: 3px;
        }
        input[type="text"], input[type="password"]
        {
            width: 200px;
        }
        input[type="button"], input[type="submit"]
        {
            min-width: 100px;
            text-align: center;
        }
        #ChkBoxKeepLogin
        {
            padding: 3px;
        }
        select option
        {
            padding: 2px;
        }
        div#splash
        {
            width: 474px;
            height: 384px;
            background: url(/images/splash.png) no-repeat;
            text-align: center;
            overflow: hidden;
            margin: auto;
            position: relative;
        }
        span.version
        {
            position: relative;
            display: inline;
            right: -95px;
            top: 80px;
            font: normal 8pt Tahoma, sans-serif;
            color: #8C8A8A;
        }
        span.forgotpassword
        {
            position: relative;
            display: inline;
            right: -2px;
            font: bold 2em/1.25em Helvetica, sans-serif;
        }
        span.forgotpassword a
        {
            font: bold 8pt Tahoma, sans-serif;
            color: #3a980c;
            text-decoration: none;
        }
        span.forgotpassword a:hover
        {
            color: #c00017;
            border-bottom: 1px dotted #c00017;
        }
        div.auth
        {
            width: 350px;
            margin: 0 auto;
            text-align: center;
            background: transparent;
            border: 4px double #ECECEC;
            padding: 4px;
        }
        div.auth div
        {
            text-align: center;
            padding: 4px;
        }
        div.auth label
        {
            width: 100px;
            display: inline-block;
        }
        div.login
        {
            margin: 100px auto;
            font-family: verdana;
            font-size: 9pt;
            text-align: center;
        }
        div.msg
        {
            position: relative;
            top: 95px;
            width: 325px;
            padding: 2px;
            margin: 0 auto;
            color: #cc0000;
            font-weight: bold;
            text-align: center;
        }
    </style>
    <script src="/lib/js/jquery-latest.js" type="text/javascript"></script>
    <script type="text/javascript" src="/lib/js/themeswitchertool.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $.cookie("apptype", '', { path: '/' });
            $.cookie("saleID", null, { path: '/' });
        });
    </script>
</head>
<body style="background-color: white">
    <div style="border: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;
        background-color: white; display: block;">
        <table width="100%" border="0" style="height: 100%">
            <tbody>
                <tr>
                    <td align="center" valign="middle" height="100%" style="text-align: center">
                        <div id="splash">
                            <span class="version">version 1.0.0</span>
                            <div class="login">
                                <form runat="server" style="text-align: center" id="dbform" name="dbform" action="" method="post">
                                <div class="auth">
                                    <div>
                                        <label>
                                            User ID:</label> 
                                        <asp:TextBox ID="TextBoxUser" runat="server"  size="30" name="auth_user"></asp:TextBox>
                                    </div>
                                    <div>
                                        <label>
                                            Password:</label><asp:TextBox ID="TextBoxPassword"  runat="server" TextMode="Password" size="30" name="auth_pwd"></asp:TextBox>
                                    </div>
                                    <div>
                                        <label>
                                        </label>
                                        <span class="forgotpassword" style="margin-left: -15px;"><a title="Visit Project website"
                                            href="mailto:admin@reddotz-digital.com" target="_blank">Please contact your administrator
                                            !</a></span>
                                    </div>
                                    <div>
                                        <input id="ChkBoxKeepLogin" type="checkbox" title="Keep me Logged in" />
                                        <span>Keep me logged in</span></div>
                                    <div>
                                        <asp:Button ID="ButtonLogin" runat="server" Text="Login" 
                                            onclick="ButtonLogin_Click" /> 
                                    </div>
                                    <div style="color: red; font-size:12px;">
                                        <asp:Literal ID="LiteralMessage" runat="server" Visible="false"></asp:Literal>
                                    </div>
                                </div>
                                <script type="text/javascript" language="javascript">
                                    
                                </script>
                                </form>
                            </div>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</body>
</html>
